<template>
  <div style="padding:10% 20%">
    <Card style="width:620px;height:500px;">
      <div style="text-align:center">
        <h3>用户信息</h3>
        <Form
          :model="formLeft"
          label-position="left"
          :label-width="100"
          style="margin:5% 10% 0% 10%;"
        >
          <FormItem label="用户名">
            <Input v-model="formLeft.username" disabled></Input>
          </FormItem>
          <FormItem label="昵称">
            <Input v-model="formLeft.nickname"></Input>
          </FormItem>
          <FormItem label="密码">
            <Input v-model="formLeft.password"></Input>
          </FormItem>
          <FormItem>
            <Button type="primary" @click="handleSubmit()">提交</Button>
          </FormItem>
        </Form>
      </div>
    </Card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      formLeft: {
        username: "1aaa",
        nickname: "2aa",
        password: "3aa"
      }
    };
  },
  methods: {
    handleSubmit() {

    },
    
  }
};
</script>